export default {
  name: 'lyTypewriter',
  html: `
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<style>
html,body{
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  }
.main {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
    overflow: hidden;
}
    .lyWinMove {
      background: #eee;
      border:1px solid #ccc;
      color: #333;
    }

  canvas{
    width: 100%;
    border: 1px solid #eee;
    padding:1px;
    position: revert !important;
    }
</style>
<body>
<div class="main">
  <div class="lyTypewriter">
  </div>
</div>
  <script type="module">
  let lastyear=window.parent.lastyear;
 const { LyTypewriter  } = lastyear;

 const options = {
 //el:'',//挂载元素内容直接放入你要挂载的元素中,不传就只能通过事件来接受内容
content:"漆黑烈焰使中二台词漆黑烈焰使啊，不要被蒙蔽了。 黑金色的狂龙啊，打破将你锢桎于现世裂缝的枷锁，给我的敌人带去毁灭！ 出现吧！ 破灭的龙！ 破灭龙甘多拉X！ 漆黑烈焰的焚身者啊，和我漆黑烈焰使缔结恋人的契约吧！", //打字内容
  startSpeed:60,//开始打字速度  毫秒/个字符
  endSpeed:30,//删除打字速度
  waitTime:1000,//每次打字间隔时间
  isWay:"loop",//['once只显示一次' , 'roundTrip往返一次' , 'loop无限循环']
}
const lyTypewriter =new LyTypewriter(options)
lyTypewriter.on('character', (data) => {
    console.log(data.content)  //当前打字的内容
    console.log(data.status)  //当前打字轮次是否结束
    document.querySelector('.lyTypewriter').innerHTML=data.content
  })
lyTypewriter.typeCharacter()
  </script>
</body>

</html>
`
}